<template>
	<view class="smartbox-conatiner">
		<view class="step-box">
			<view class="step-item" >
				<view class="step-name">第一步：盒子安装，请按手册完成安装</view>
				<view class="step-opreate">
					<text class="operate-item" @tap="goPage('/pages-activation/instructionManual')">智能盒子安装手册</text>
				</view>
			</view>
			<view class="step-item" >
				<view class="step-name">第二步：扫码激活（二维码位于盖子背面）</view>
				<view class="step-opreate">
					<text class="operate-item" @tap="goPage('/pages-activation/scanQR')">扫码</text>
				</view>
			</view>
			<view class="step-item">
				<view class="step-name">第三步：WiFi连接（盒子采用WiFi+4G双网备份，请开通500M以上宽带）</view>
				<view class="step-opreate">
					<text class="operate-item" @tap="goPage('/pages-activation/wifiConnect')">去设置</text>
				</view>
			</view>
			<view class="step-item" >
				<view class="step-name">第四步：智能盒子电路设置（可实时查看联网状态和电路状态，手工控制电路开合）</view>
				<view class="step-opreate">
					<text class="operate-item" @tap="goPage('/pages-activation/circuitSetup')">去查看</text>
				</view>
			</view>
			<view class="step-item" >
				<view class="step-name">第五步：定时任务设置（控制灯牌、广告牌等设备的定时开启和关闭）</view>
				<view class="step-opreate">
					<text class="operate-item" @tap="goPage('/pages-activation/timedTask')">去设置</text>
				</view>
			</view>
		</view>
		<view class="bottom-btn" @tap="backPage">确认返回</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
			}
		}
	}
</script>

<style lang="scss" scoped>
	.smartbox-conatiner{
		min-height: 100vh;
		padding: 40rpx;
		box-sizing: border-box;
		position: relative;
	}
	.step-box{
		.step-item{
			color:#fff;
			margin-bottom: 50rpx;
			.step-name{
				font-size: 32rpx;
			}
			.step-opreate{
				margin-left: 130rpx;
				margin-top: 26rpx;
				display: flex;
				gap: 30rpx;
				.operate-item{
					min-width: 140rpx;
					height: 56rpx;
					padding: 0 16rpx;
					box-sizing: border-box;
					font-size: 24rpx;
					font-weight: bold;
					text-align: center;
					line-height: 56rpx;
					background: rgba(31, 124, 247, 1);
					border-radius: 16rpx;
				}
			}
		}
	}
	.bottom-btn{
		width:670rpx;
		background:rgba(31, 124, 247, 1) ;
		border-radius: 72rpx;
		color: #fff;
		font-size: 38rpx;
		font-weight: bold;
		padding: 20rpx;
		box-sizing:border-box;
		text-align: center;
		letter-spacing: 2rpx;
		position: absolute;
		bottom:88rpx
	}
</style>